ul.keypad,ul.keypad-disabled {
	width: 300px; 
	height: 400px;
    background-color: maroon;
    border: thin solid blue;
    margin: 0px; 
    padding: 0px;
    position: relative;
} 		


ul.keypad li,ul.keypad-disabled li {
	margin: 0; padding: 0; list-style: none;
	position: absolute;
}

ul.keypad li.keypad-1 a, ul.keypad li.keypad-1 a:hover, ul.keypad li.keypad-1 a:VISITED,
ul.keypad-disabled li.keypad-1 a, ul.keypad-disabled li.keypad-1 a:hover, ul.keypad-disabled li.keypad-1 a:VISITED,
ul.keypad li.keypad-2 a, ul.keypad li.keypad-2 a:hover, ul.keypad li.keypad-2 a:VISITED,
ul.keypad-disabled li.keypad-2 a, ul.keypad-disabled li.keypad-2 a:hover, ul.keypad-disabled li.keypad-2 a:VISITED,
ul.keypad li.keypad-3 a, ul.keypad li.keypad-3 a:hover, ul.keypad li.keypad-3 a:VISITED,
ul.keypad-disabled li.keypad-3 a, ul.keypad-disabled li.keypad-3 a:hover, ul.keypad-disabled li.keypad-3 a:VISITED,
ul.keypad li.keypad-4 a, ul.keypad li.keypad-4 a:hover, ul.keypad li.keypad-4 a:VISITED,
ul.keypad-disabled li.keypad-4 a, ul.keypad-disabled li.keypad-4 a:hover, ul.keypad-disabled li.keypad-4 a:VISITED,
ul.keypad li.keypad-5 a, ul.keypad li.keypad-5 a:hover, ul.keypad li.keypad-5 a:VISITED,
ul.keypad-disabled li.keypad-5 a, ul.keypad-disabled li.keypad-5 a:hover, ul.keypad-disabled li.keypad-5 a:VISITED,
ul.keypad li.keypad-6 a, ul.keypad li.keypad-6 a:hover, ul.keypad li.keypad-6 a:VISITED,
ul.keypad-disabled li.keypad-6 a, ul.keypad-disabled li.keypad-6 a:hover, ul.keypad-disabled li.keypad-6 a:VISITED,
ul.keypad li.keypad-7 a, ul.keypad li.keypad-7 a:hover, ul.keypad li.keypad-7 a:VISITED,
ul.keypad-disabled li.keypad-7 a, ul.keypad-disabled li.keypad-7 a:hover, ul.keypad-disabled li.keypad-7 a:VISITED,
ul.keypad li.keypad-8 a, ul.keypad li.keypad-8 a:hover, ul.keypad li.keypad-8 a:VISITED,
ul.keypad-disabled li.keypad-8 a, ul.keypad-disabled li.keypad-8 a:hover, ul.keypad-disabled li.keypad-8 a:VISITED,
ul.keypad li.keypad-9 a, ul.keypad li.keypad-9 a:hover, ul.keypad li.keypad-9 a:VISITED,
ul.keypad-disabled li.keypad-9 a, ul.keypad-disabled li.keypad-9 a:hover, ul.keypad-disabled li.keypad-9 a:VISITED,
ul.keypad li.keypad-blank a, ul.keypad li.keypad-blank a:hover, ul.keypad li.keypad-blank a:VISITED,
ul.keypad-disabled li.keypad-blank a, ul.keypad-disabled li.keypad-blank a:hover, ul.keypad-disabled li.keypad-blank a:VISITED,
ul.keypad li.keypad-0 a, ul.keypad li.keypad-0 a:hover, ul.keypad li.keypad-0 a:VISITED,
ul.keypad-disabled li.keypad-0 a, ul.keypad-disabled li.keypad-0 a:hover, ul.keypad-disabled li.keypad-0 a:VISITED,
ul.keypad li.keypad-decimal a, ul.keypad li.keypad-decimal a:hover, ul.keypad li.keypad-decimal a:VISITED,
ul.keypad-disabled li.keypad-decimal a, ul.keypad-disabled li.keypad-decimal a:hover, ul.keypad-disabled li.keypad-decimal a:VISITED{
	position: absolute;
	width: 100px;
	height: 100px;
	background-image: url(../../images/keypad-sprite-100.png);
}

ul.keypad li.keypad-1 a, ul.keypad li.keypad-1 a:VISITED, ul.keypad li.keypad-1 a:hover,ul.keypad-disabled li.keypad-1 a, ul.keypad-disabled li.keypad-1 a:VISITED,ul.keypad-disabled li.keypad-1 a:hover {left: 0px;top: 0px;}
ul.keypad li.keypad-1 a, ul.keypad li.keypad-1 a:VISITED {background-position: -100px 0px;}
ul.keypad li.keypad-1 a:hover {background-position: -100px -200px;background-color: inherit;}
ul.keypad-disabled li.keypad-1 a, ul.keypad-disabled li.keypad-1 a:VISITED, ul.keypad-disabled li.keypad-1 a:hover {background-position: -100px -100px;}

ul.keypad li.keypad-2 a, ul.keypad li.keypad-2 a:VISITED, ul.keypad li.keypad-2 a:hover,ul.keypad-disabled li.keypad-2 a, ul.keypad-disabled li.keypad-2 a:VISITED,ul.keypad-disabled li.keypad-2 a:hover {left: 100px;top: 0px;}
ul.keypad li.keypad-2 a, ul.keypad li.keypad-2 a:VISITED {background-position: -200px 0px;}
ul.keypad li.keypad-2 a:hover {background-position: -200px -200px;background-color: inherit;}
ul.keypad-disabled li.keypad-2 a, ul.keypad-disabled li.keypad-2 a:VISITED, ul.keypad-disabled li.keypad-2 a:hover {background-position: -200px -100px;}

ul.keypad li.keypad-3 a, ul.keypad li.keypad-3 a:VISITED, ul.keypad li.keypad-3 a:hover,ul.keypad-disabled li.keypad-3 a, ul.keypad-disabled li.keypad-3 a:VISITED,ul.keypad-disabled li.keypad-3 a:hover {left: 200px;top: 0px;}
ul.keypad li.keypad-3 a, ul.keypad li.keypad-3 a:VISITED {background-position: -300px 0px;}
ul.keypad li.keypad-3 a:hover {background-position: -300px -200px;background-color: inherit;}
ul.keypad-disabled li.keypad-3 a, ul.keypad-disabled li.keypad-3 a:VISITED, ul.keypad-disabled li.keypad-3 a:hover {background-position: -300px -100px;}

ul.keypad li.keypad-4 a, ul.keypad li.keypad-4 a:VISITED, ul.keypad li.keypad-4 a:hover,ul.keypad-disabled li.keypad-4 a, ul.keypad-disabled li.keypad-4 a:VISITED,ul.keypad-disabled li.keypad-4 a:hover {left: 0px;top: 100px;}
ul.keypad li.keypad-4 a, ul.keypad li.keypad-4 a:VISITED {background-position: -400px 0px;}
ul.keypad li.keypad-4 a:hover {background-position: -400px -200px;background-color: inherit;}
ul.keypad-disabled li.keypad-4 a, ul.keypad-disabled li.keypad-4 a:VISITED, ul.keypad-disabled li.keypad-4 a:hover {background-position: -400px -100px;}

ul.keypad li.keypad-5 a, ul.keypad li.keypad-5 a:VISITED, ul.keypad li.keypad-5 a:hover,ul.keypad-disabled li.keypad-5 a, ul.keypad-disabled li.keypad-5 a:VISITED,ul.keypad-disabled li.keypad-5 a:hover {left: 100px;top: 100px;}
ul.keypad li.keypad-5 a, ul.keypad li.keypad-5 a:VISITED {background-position: -500px 0px;}
ul.keypad li.keypad-5 a:hover {background-position: -500px -200px;background-color: inherit;}
ul.keypad-disabled li.keypad-5 a, ul.keypad-disabled li.keypad-5 a:VISITED, ul.keypad-disabled li.keypad-5 a:hover {background-position: -500px -100px;}

ul.keypad li.keypad-6 a, ul.keypad li.keypad-6 a:VISITED, ul.keypad li.keypad-6 a:hover,ul.keypad-disabled li.keypad-6 a, ul.keypad-disabled li.keypad-6 a:VISITED,ul.keypad-disabled li.keypad-6 a:hover {left: 200px;top: 100px;}
ul.keypad li.keypad-6 a, ul.keypad li.keypad-6 a:VISITED {background-position: -600px 0px;}
ul.keypad li.keypad-6 a:hover {background-position: -600px -200px;background-color: inherit;}
ul.keypad-disabled li.keypad-6 a, ul.keypad-disabled li.keypad-6 a:VISITED, ul.keypad-disabled li.keypad-6 a:hover {background-position: -600px -100px;}

ul.keypad li.keypad-7 a, ul.keypad li.keypad-7 a:VISITED, ul.keypad li.keypad-7 a:hover,ul.keypad-disabled li.keypad-7 a, ul.keypad-disabled li.keypad-7 a:VISITED,ul.keypad-disabled li.keypad-7 a:hover {left: 0px;top: 200px;}
ul.keypad li.keypad-7 a, ul.keypad li.keypad-7 a:VISITED {background-position: -700px 0px;}
ul.keypad li.keypad-7 a:hover {background-position: -700px -200px;background-color: inherit;}
ul.keypad-disabled li.keypad-7 a, ul.keypad-disabled li.keypad-7 a:VISITED, ul.keypad-disabled li.keypad-7 a:hover {background-position: -700px -100px;}

ul.keypad li.keypad-8 a, ul.keypad li.keypad-8 a:VISITED, ul.keypad li.keypad-8 a:hover,ul.keypad-disabled li.keypad-8 a, ul.keypad-disabled li.keypad-8 a:VISITED,ul.keypad-disabled li.keypad-8 a:hover {left: 100px;top: 200px;}
ul.keypad li.keypad-8 a, ul.keypad li.keypad-8 a:VISITED {background-position: -800px 0px;}
ul.keypad li.keypad-8 a:hover {background-position: -800px -200px;background-color: inherit;}
ul.keypad-disabled li.keypad-8 a, ul.keypad-disabled li.keypad-8 a:VISITED, ul.keypad-disabled li.keypad-8 a:hover {background-position: -800px -100px;}

ul.keypad li.keypad-9 a, ul.keypad li.keypad-9 a:VISITED, ul.keypad li.keypad-9 a:hover,ul.keypad-disabled li.keypad-9 a, ul.keypad-disabled li.keypad-9 a:VISITED,ul.keypad-disabled li.keypad-9 a:hover {left: 200px;top: 200px;}
ul.keypad li.keypad-9 a, ul.keypad li.keypad-9 a:VISITED {background-position: -900px 0px;}
ul.keypad li.keypad-9 a:hover {background-position: -900px -200px;background-color: inherit;}
ul.keypad-disabled li.keypad-9 a, ul.keypad-disabled li.keypad-9 a:VISITED, ul.keypad-disabled li.keypad-9 a:hover {background-position: -900px -100px;}

ul.keypad li.keypad-blank a, ul.keypad li.keypad-blank a:VISITED, ul.keypad li.keypad-blank a:hover,ul.keypad-disabled li.keypad-blank a, ul.keypad-disabled li.keypad-blank a:VISITED,ul.keypad-disabled li.keypad-blank a:hover {left: 0px;top: 300px;}
ul.keypad li.keypad-blank a, ul.keypad li.keypad-blank a:VISITED {background-position: -1500px 0px;}
ul.keypad li.keypad-blank a:hover {background-position: -1500px 0px;background-color: inherit;}
ul.keypad-disabled li.keypad-blank a, ul.keypad-disabled li.keypad-blank a:VISITED, ul.keypad-disabled li.keypad-blank a:hover {background-position: -1500px 0px;}

ul.keypad li.keypad-0 a, ul.keypad li.keypad-0 a:VISITED, ul.keypad li.keypad-0 a:hover,ul.keypad-disabled li.keypad-0 a, ul.keypad-disabled li.keypad-0 a:VISITED,ul.keypad-disabled li.keypad-0 a:hover {left: 100px;top: 300px;}
ul.keypad li.keypad-0 a, ul.keypad li.keypad-0 a:VISITED {background-position: 0px 0px;}
ul.keypad li.keypad-0 a:hover {background-position: 0px -200px;background-color: inherit;}
ul.keypad-disabled li.keypad-0 a, ul.keypad-disabled li.keypad-0 a:VISITED, ul.keypad-disabled li.keypad-0 a:hover {background-position: 0px -100px;}

ul.keypad li.keypad-decimal a, ul.keypad li.keypad-decimal a:VISITED, ul.keypad li.keypad-decimal a:hover,ul.keypad-disabled li.keypad-decimal a, ul.keypad-disabled li.keypad-decimal a:VISITED,ul.keypad-disabled li.keypad-decimal a:hover {left: 200px;top: 300px;}
ul.keypad li.keypad-decimal a, ul.keypad li.keypad-decimal a:VISITED {background-position: -1000px 0px;}
ul.keypad li.keypad-decimal a:hover {background-position: -1000px -200px;background-color: inherit;}
ul.keypad-disabled li.keypad-decimal a, ul.keypad-disabled li.keypad-decimal a:VISITED, ul.keypad-disabled li.keypad-decimal a:hover {background-position: -1000px -100px;}

